<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<!--
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
-->

<title>HAO_html_1128</title>
<link rel="stylesheet" href="css/css001.css">
	<style>
		p{
			font-size: 32px;
			color:red;
		}
		body{
			margin: 0 auto;
			padding: 0;
		}
		.nav{
			width:100%;
			height: 80px;
			background-color: #000000;
		}
		.middle{
			width:100%;
			height: 1000px;
			background-color: #eeeeee;
		}
		.bottom{
			width:100%;
			height: 80px;
			background-color: #000000;
		}
		.center{
			margin: 0 auto;
			width: 1010px;
			background: #fff;
			
		}
		.button01{
			width:50px;
			height:30px;
		}
		.checkbox01{
			width:30px;
			height:30px;
		}
	</style>
</head>

<body>
	
	<div class="nav"></div>
	
	<div class="jumbotron">
    <h1>Bootstrap 页面</h1>
    <input type="checkbox" class="checkbox01">
	<input type="text" class="alert-danger">
	<input type="button" class="button01" value="无用">
  	</div>
	
	<div class="middle"></div>
	<div class="bottom"></div>
	
	 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

<script src="js/js001.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
